<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实验六:设计表单页面</title>
    <link rel="stylesheet" href="../css/six.css">
</head>
<body>
<!--content begin-->
<div class="content">
    <div class="top">会员注册</div>
    <form action="#" method="post">
        <table class="con">
            <tr>
                <td class="left">昵称：</td>
                <td><label>
                    <input type="text" class="right"/>
                </label></td>
            </tr>
            <tr>
                <td class="left">邮箱：</td>
                <td><label>
                    <input type="text" class="right"/>
                </label></td>
            </tr>
            <tr>
                <td class="left">手机：</td>
                <td><label>
                    <input type="text" class="right"/>
                </label></td>
            </tr>
            <tr>
                <td class="left">设置密码：</td>
                <td><label>
                    <input type="password" maxlength="8" class="right"/>
                </label></td>
            </tr>
            <tr>
                <td class="left">确认密码：</td>
                <td><label>
                    <input type="password" maxlength="8" class="right"/>
                </label></td>
            </tr>

        </table>
    </form>
    <div class="top">宠物信息</div>
    <form action="#" method="post">
        <table class="con">
            <tr>
                <td class="left">所属种类：</td>
                <td>
                    <select>
                        <option>-请选择-</option>
                        <option>狗</option>
                        <option>猫</option>
                        <option>鼠</option>
                        <option>鸟</option>
                        <option>猪</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="left">性别：</td>
                <td>
                    <label for="boy"><input type="radio" name="sex" id="boy"/>男
                    </label>&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="girl"><input type="radio" name="sex" id="girl"/>女</label>
                </td>
            </tr>
            <tr>
                <td class="left">年龄：</td>
                <td>
                    <select>
                        <option selected="selected">-请选择-</option>
                        <option>1岁</option>
                        <option>2岁</option>
                        <option>3岁</option>
                        <option>4岁</option>
                        <option>5岁</option>
                        <option>6岁</option>
                        <option>7岁</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="left">喜爱的食物：</td>
                <td>
                    <label for="one"><input type="checkbox" id="one"/>面食</label>&nbsp;&nbsp;&nbsp;
                    <label for="two"><input type="checkbox" id="two"/>青草</label>&nbsp;&nbsp;&nbsp;
                    <label for="three"><input type="checkbox" id="three"/>肉类</label>&nbsp;&nbsp;&nbsp;
                    <label for="four"><input type="checkbox" id="four"/>杂粮</label>&nbsp;&nbsp;&nbsp;
                    <label for="five"><input type="checkbox" id="five"/>水果</label>&nbsp;&nbsp;&nbsp;
                    <label for="six"><input type="checkbox" id="six"/>蔬菜</label>
                </td>
            </tr>
            <tr>
                <td class="left">备注：</td>
                <td>
                    <textarea cols="60" rows="8">请填写备注内容。</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" value="完成注册" class="btn"/></td>
            </tr>

        </table>
    </form>
</div>

</body>
</html>